<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>电影作业</title>
    <link rel="stylesheet" href="../../common/reset.css">
    <link rel="stylesheet" href="./yangshi.css">
</head>

<body>
    <ul class="box">
        <li>
            <!-- 左边盒子 -->
            <div class="tupian">
                <img src="./1.png" alt="神秘海域">
            </div>

            <!-- 右边盒子 -->
            <div class="text2">
                <div class="wenben">
                    <div class="wenben3">
                        <h2>神秘海域</h2>
                        <!-- 电影类别盒子 -->
                        <div class="movies">
                            <div class="left">2D</div>
                            <div class="right"> IMAX</div>
                        </div>
                    </div>
                    <p>观众评 <span class="number">8.9</span></p>
                    <p>主演:汤姆·赫兰德,马克·沃尔...</p>
                    <p>今天225家影院放映3140场</p>
                </div>


                <div class="ann">
                    <button>购票</button>
                </div>
            </div>
        </li>

        <li>
            <!-- 左边盒子 -->
            <div class="tupian">
                <img src="./1.png" alt="神秘海域">
            </div>

            <!-- 右边盒子 -->
            <div class="text2">
                <div class="wenben">
                    <div class="wenben3">
                        <h2>长津湖之水门桥</h2>
                        <!-- 电影类别盒子 -->
                        <div class="movies">
                            <div class="left">2D</div>
                            <div class="right"> IMAX</div>
                        </div>
                    </div>
                    <p>观众评 <span class="number">9.6</span></p>
                    <p>主演:吴京,易样千玺,朱亚文</p>
                    <p>今天219家影院放映901场</p>
                </div>

                <div class="ann">
                    <button>购票</button>
                </div>
            </div>
        </li>

        <li>
            <!-- 左边盒子 -->
            <div class="tupian">
                <img src="./1.png" alt="神秘海域">
            </div>

            <!-- 右边盒子 -->
            <div class="text2">
                <div class="wenben">
                    <h2>这个杀手不太冷静</h2>
                    <p>观众评 <span class="number">9.1</span></p>
                    <p>主演:马丽,魏翔,陈明昊</p>
                    <p>今天215家影院放映891场</p>
                </div>

                <div class="ann">
                    <button>购票</button>
                </div>
            </div>
        </li>
    </ul>
</body>

</html>